<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>      
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/ts-demo.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/leftList.css" type="text/css">
 <link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
 <link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
<style type="text/css">
.emStyle{
 	color: red;
    position: absolute;
     line-height: 30px;
 }
 em{
 font-family: -webkit-pictograph;
    margin-left: -10px;
 }

/* 星级评分 */
.shop-rating {
    height: 25px;
    overflow: hidden;
    zoom: 1;
    padding: 2px 0px;
    position: relative;
    z-index: 4;
}
.shop-rating span {
    height: 23px;
    display: block;
    line-height: 23px;
    float: left;
}
.shop-rating span.title {
    width: 150px;
    text-align: right;
    margin-right: 5px;
}
.shop-rating ul {
    float: left;
    margin:0;padding:0
}
.shop-rating .result {
    margin-left: 20px;
    padding-top: 2px;
}
.shop-rating .result span {
    color: #ff6d02;
}
.shop-rating .result em {
    color: #f60;
    font-family: arial;
    font-weight: bold;
}
.shop-rating .result strong {
    color: #666666;
    font-weight: normal;
}
.rating-level,
.rating-level a {
    background: url(http://www.nowamagic.net/librarys/images/veda/star_v2.png) no-repeat scroll 1000px 1000px;
}
.rating-level {
    background-position: 0px 0px;
    width: 120px;
    height: 23px;
    position: relative;
    z-index: 1000;
}
.rating-level li {
    display: inline;
}
.rating-level a {
    line-height: 23px;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -999em;
    *zoom: 1;
    outline: none;
}
.rating-level a.one-star {
    width: 20%;
    z-index: 6;
}
.rating-level a.two-stars {
width: 40%;
z-index: 5;
}
.rating-level a.three-stars {
    width: 60%;
    z-index: 4;
}
.rating-level a.four-stars {
    width: 80%;
    z-index: 3;
}
.rating-level a.five-stars {
    width: 100%;
    z-index: 2;
}
.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}

</style>
<script type="text/javascript">
    var ctx = '${ctx}';
</script>
</head>
<body>
    <jsp:include page="/views/common/head_main.jsp" />
    <div class="bg">
    <input type="hidden" id="item" value="${sessionScope.item_property}"/>
        <div class="contentbox contentbox1">
            <div class="padd1">
            <!--左导航 -->
                <div class="left-list">
                    <ul>
                        <li class="all"><a href="javascript:void(0)"><img class="font-icon" src="${ctx}/images/xqtz/xq7.png" />全部<span class="fuhao fh-color">∨</span></a></li>
                        <c:if test="${displayFeeBill == 1}">
                        <li class="sub-list"><a href="${ctx}/propertyBill/getMyBill"><img class="font-icon" src="${ctx}/images/xqtz/xq9.png" />物业费<span class="fuhao">＞</span></a></li>
                        </c:if>
                        <c:if test="${displayCar == 1}">
                        <li class="sub-list"><a href="${ctx}/carBill/getCarManage"><img class="font-icon" src="${ctx}/images/xqtz/xq9.png" />停车费<span class="fuhao">＞</span></a></li>
                        </c:if>
                        <%-- <li class="sub-list"><a href="javascript:void(0)"><img class="font-icon" src="${ctx}/images/xqtz/xq9.png" />水电费<span class="fuhao">＞</span></a></li>  --%> 
                        <li class="sub-list"><a href="${ctx}/propertyRepair/goToEditPage"><img class="font-icon" src="${ctx}/images/xqtz/xq8.png" />物业报修<span class="fuhao">＞</span></a></li>  
                        <li class="sub-list"><a href="${ctx}/propertySuggestion/goToEditPage"><img class="font-icon" src="${ctx}/images/xqtz/xq9.png" />物业投诉<span class="fuhao">＞</span></a></li>  
                    </ul>
                </div>
                <!-- 右边编辑栏 -->
                <div class="rightbox">
                    <img src="${ctx}/images/tsjy/ts1.png">
                    <div class="nav-list" style="width:921px;"> 
                       <ul>
                            <li style="width:460px;"><img style=" height: 20px;vertical-align: -4px;" src="${ctx }/images/wuye/wy3.png"/>提交报修<div id="show-box" class="bottom-box "></div></li>
                            <li style="width:460px;"><img style=" height: 20px;vertical-align: -4px;" src="${ctx}/images/wuye/tousuqipao.png"/><a href="${ctx}/propertyRepair/infoList" style="color:black">我的报修</a><div class="bottom-box "></div></li>
                        </ul>
                    </div>
                    <div class="content">
                 <form>
            <table class="my-advice">
                <tr>
                    <td><em class="emStyle">*</em>标题：</td>
                    <td><input  maxlength="50" type="text" class="input-text"  id="title" onblur="checkTitle();"></td>
                </tr>
                <tr>
                    <td ><em class="emStyle">*</em>选择房屋：</td>
                    <td><select class="select-text" id="houseId" onblur="checkHouse();">
                        <option value="">选择房屋</option>
                                <c:forEach items="${cellHouseList}" var="item" varStatus="status">
                                <option id="${item.name}" value="${item.id}">
                                 ${item.cellName}${item.regionName}${item.buildingName}${item.unitName}${item.name}室</option>
                                </c:forEach>
                         
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>联系人:</td>
                    <td><input  maxlength="20" type="text" class="input-text" id="contactor" onblur="checkContactor();"></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>联系电话:</td>
                    <td><input type="text" class="input-text" id="contactorPhone" onblur="checkContactorPhone();"></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>问题描述：</td>
                    <td><textarea onpropertychange="if(value.length>500) value=value.substr(0,500)" maxlength="500" class="text-area" id="content" onblur="checkContent();"></textarea></td>
                </tr>
                <tr>
                    <td><em class="emStyle">*</em>危害程度：</td>
                    <td>
                    <input id="level" type="hidden" value=""/>
                    <div class="shop-rating">
                        <ul class="rating-level" id="stars1" onblur="checkLevel();">
                            <li><a class="one-star" star:value="1" href="#">1</a></li>
                            <li><a class="two-stars" star:value="2" href="#">2</a></li>
                            <li><a class="three-stars" star:value="3" href="#">3</a></li>
                            <li><a class="four-stars" star:value="4" href="#">4</a></li>
                            <li><a class="five-stars" star:value="5" href="#">5</a></li>
                        </ul>
                        <span class="result" id="stars1-tips"></span>
                        <input type="hidden" id="stars1-input" name="a" value="" size="2" />
                    </div>
                    </td>
                </tr>
               <!--  <tr>
                    <td><em class="emStyle">*</em>类型：</td>
                    <td><select class="select-text" id="type" onblur="checkType();">
                        <option value="-1">选择类型</option>
                        <option value="0">环境管理类</option>
                        <option value="1">秩序维护类</option>
                        <option value="2">客户服务类</option>
                        <option value="3">设备管理与维修</option>
                        </select></td>
                </tr>      -->
                <tr>
                    <td colspan="2"><img class="ts5-img"src="${ctx}/images/tsjy/ts5.png">&nbsp;&nbsp;&nbsp;上传照片，最多5张</td>
                </tr>
                <tr>
                    <td></td>
                    <td><div style="margin-top: 10px;width:100%;height:100%;">
                            <input id="imgLength" type="hidden" value="${fn:length(imgs)}">
                            <div id="imgArea" style="float:left;  width:460px;  " >
                                <c:if test="${fn:length(imgs) > 0}">
                                    <c:forEach items="${imgs}" var="item" varStatus="status">
                                        <div id="delete${item.url}" style="float:left;height:110px" onmouseover="showdelete(this);" onmouseout="hidedelete(this);">
                                            <input id="imgId${status.index+1}" type="hidden" value="${item.url}">
                                            <img id="imgPic${item.url}" width="100px" height="100px;" style="border-radius: 14px;float:left;margin-right:10px;" src="${sessionScope.image_logo}${item.url}">
                                            <span class="deletegoods"   onclick="deleteImg(this);" style="display: none;"><img title="删除图片" src="${ctx}/images/tsjy/deletegoods.png"/></span>
                                        </div>
                                    </c:forEach>
                                </c:if>
                            <div class="uploadergoods" style="float:left;margin-right:10px;">
                                <div class="acblu banner">
                                    <a><img style="z-index:11;width:50px;height:50px;float:left;padding: 15px 0px 0px 25px;" title="上传商品图片" src="${ctx}/images/uploader/uploader.png" />
                                    </a>
                                    <br>
                                    <div style="padding-top: 4px;width: 100px;float: left;text-align: center;color: #fff;font-size: 14px;">上传</div>
                                </div>
                            </div>
                             </div>
                        </div>
                        <div class="mtjxsa" style="float:left;margin-top: 40px;">
                                  <p style="text-align: left" id="imageBtn">
                                      <input type="hidden" name="imageLogoUrl" id="imageLogoUrl" />
                                  </p>
                              </div>
                            <%@include file="/views/common/uploader/picture.jsp" %></td>
                </tr>
                <tr>
                    <td colspan="2" class="sub-td"><input type="button" class="submit" onclick="saveOrUpdate();" value="提交"/></td>
                </tr>
            </table>
        </form>  
       </div>                 
    </div>
    </div>
    </div> 
</div> 
<jsp:include page="/views/common/footer.jsp" />
<script src="${ctx}/js/controllers/property/propertyRepair/PropertyRepairEditController.js" type="text/javascript"></script>
<script type="text/javascript">
    var ctx = '${ctx}';
    setCtx(ctx);
</script> 
<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
 <script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script> 
</body>
</html>